<html xmlns:th="http://www.thymeleaf.org">
<head th:include="basepage/head::head"></head>
<body>
<div id="page-wrapper" class="page-loading">
    <div class="preloader">
        <div class="inner">
            <!-- Animation spinner for all modern browsers -->
            <div class="preloader-spinner themed-background hidden-lt-ie10"></div>

            <!-- Text for IE9 -->
            <h3 class="text-primary visible-lt-ie10"><strong>Loading..</strong></h3>
        </div>
    </div>
    <div id="page-container" class="header-fixed-top sidebar-visible-lg-full">
        <header th:include="basepage/left::left"></header>
        <!--主要内容 START-->
        <div id="main-container" class="main-content">
<header th:include="basepage/header::header"></header>
	            <div id="page-content">
	                <div class="block full">
	                    <div class="block-title">
	                        <h2>日志列表</h2>
	                    </div>
	                    <div class="table-responsive">
	                        <table id="example-datatable" class="table table-striped table-bordered table-vcenter">
	                            <thead>
	                            <tr>
	                                <th>IP</th>
	                                <th>服务名</th>
	                                <th>端口</th>
	                                <th>第几次</th>
	                                <th>类型</th>
	                                <th>时间</th>
	                            </tr>
	                            </thead>
	                            <tbody>
                            	<p th:each="service:${list}">
	                            	<tr>
		                                <td th:text="${service.ip}"></td>
		                                <td th:text="${service.serviceName}"></td>
		                                <td th:text="${service.port}"></td>
		                                <td th:text="${service.times}"></td>
		                                <td th:text="${service.typetext}"></td>
		                                <td th:text="${service.createTime}"></td>
	                            	</tr>
                                </p>
	                            </tbody>
	                        </table>
	                        <table>
	                        <tr>
			                    <td style=" padding: 20px"><a th:href="@{getListOfLogs?page=1}" >首页</a></td>
			                    <td style=" padding: 20px"><a th:href="@{${page}<=1 ? @{getListOfLogs?page=1}: @{'getListOfLogs?page='+${page-1}}}">上一页</a></td>
			                    <td style=" padding: 20px"><a th:href="@{${page}>=${total} ? @{'getListOfLogs?page='+${total}} : @{'getListOfLogs?page='+${page+1}}}">下一页</a></td>
			                    <td style=" padding: 20px"><a th:href="@{'getListOfLogs?page='+${total}}" >最后一页</a></td>
			                    <th th:text="'总共'+${total}+'页'"></th>
			                </tr>
	                        </table>
	                    </div>
	                </div>
	                <!-- END Datatables Block -->
	            </div>
	            <!-- END Page Content -->
	
</div>
        <!--主要内容 END-->
        <!-- END Main Container -->
    </div>
    <!-- END Page Container -->
</div>
<!-- END Page Wrapper -->
<header th:include="basepage/footer::footer"></header>
<script type="text/javascript">
     $("#service_left").addClass("open");
     $("#log_list").addClass("active");
</script>
</body>
</html>